<jsp:useBean id="utilisateur" class="fr.p10.miage.gestionabsence.model.Utilisateur" scope="session"/>
<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>
<!DOCTYPE html>
<html lang="fr">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">
        <link rel="shortcut icon" href="">
        <title></title>
        <link href="css/bootstrap.css" rel="stylesheet">
        <link href="css/font-awesome.css" rel="stylesheet">
        <link href="css/index-bo.css" rel="stylesheet">
    </head>

    <body class="skin-black fixed">
        <header class="header">
            <a href="accueilEtudiant.jsp" class="logo">MIAGE NANTERRE</a>
            <nav class="navbar navbar-static-top" role="navigation">
                <a href="#" class="navbar-btn sidebar-toggle" data-toggle="offcanvas" role="button">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </a>
                <div class="navbar-right">
                    <ul class="nav navbar-nav">
                        <li class="dropdown user user-menu">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                <i class="glyphicon glyphicon-user"></i>
                                <span><%= utilisateur.getPrenom()%> <%= utilisateur.getNom()%> <i class="caret"></i></span>
                            </a>
                            <ul class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="dropdownMenu1">
                                <li role="presentation"><a role="menuitem" tabindex="-1" href="profil.jsp"><i class="glyphicon glyphicon-info-sign"></i> Profil</a></li>
                                <li role="presentation"><a href="deconnexion.do" role="menuitem" tabindex="-1" href="#"><i class="glyphicon glyphicon-log-out"></i> Déconnexion</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </nav>
        </header>
        <div class="wrapper row-offcanvas row-offcanvas-left">
            <aside class="left-side sidebar-offcanvas">                
                <section class="sidebar">
                    <ul class="sidebar-menu">
                        <li>
                            <a href="../../index.html">
                                <i class="fa fa-dashboard"></i> <span>Tableau de bord</span>
                            </a>
                        </li>
                        <li class="treeview">
                            <a href="#">
                                <i class="fa fa-folder"></i> <span>Absence</span>
                                <i class="fa fa-angle-left pull-right"></i>
                            </a>
                            <ul class="treeview-menu">
                                <li><a href="accueilEtudiant.do"><i class="fa fa-angle-double-right"></i> Aujourd'hui</a></li>
                                <li><a href="history.jsp"><i class="fa fa-angle-double-right"></i> Historique</a></li>
                                <li><a href="parametre.jsp"><i class="fa fa-angle-double-right"></i> Paramètres</a></li>
                            </ul>
                        </li>
                    </ul>
                </section>
            </aside>
            <aside class="right-side">                
                <section class="content-header">
                    <h1>
                        Questionnaire <br>
                    </h1><br><br>
                    <div style="text-align:justify; font-size: 100%;">
                        Veuillez répondre au questionnaire suivant. Chaque question doit être répondue deux fois pour des raisons de sécurité.
                    </div>
                    <ol class="breadcrumb">
                        <li><a href="#"><i class="fa fa-folder"></i> Gestion des absences</a></li>
                        <li class="active">Paramètres</li>
                    </ol>
                </section>
                <section class="content">
                    <form action="" method="post">
                        <div class="form-group">
                            <label for="exampleInputAnimal"> <span style="font-weight:bold;">Question n°1 : </span> Quel est le nom de votre premier animal ?</label>
                            <pre><input type="text" class="form-control" id="exampleInputAnimal" placeholder=""></pre>
                            <label for="exampleInputAnimalCopy"> Tapez une nouvelle fois votre réponse</label>
                            <pre><input type="text" class="form-control" id="exampleInputAnimalCopy" placeholder=""></pre>
                        </div><br>
                        <div class="form-group">
                            <label for="exampleInputJeuneMere"> <span style="font-weight:bold;">Question n°2 : </span>Quel est le nom de jeune fille de votre mère ?</label>
                            <pre><input type="text" class="form-control" id="exampleInputJeuneMere" placeholder=""></pre>
                            <label for="exampleInputJeuneMereCopy"> Tapez une nouvelle fois votre réponse</label>
                            <pre><input type="text" class="form-control" id="exampleInputJeuneMereCopy" placeholder=""></pre>
                        </div><br>
                        <div class="form-group">
                            <label for="exampleInputActeur"> <span style="font-weight:bold;">Question n°3 : </span>Quel est le nom de votre acteur préféré  ?</label>
                            <pre><input type="text" class="form-control" id="exampleInputActeur" placeholder=""></pre>
                            <label for="exampleInputActeurCopy"> Tapez une nouvelle fois votre réponse</label>
                            <pre><input type="text" class="form-control" id="exampleInputActeurCopy" placeholder=""></pre>
                        </div><br>
                        <div class="form-group">
                            <label for="exampleInputHobby"> <span style="font-weight:bold;">Question n°4 : </span>Quel est votre hobby ?</label>
                            <pre><input type="text" class="form-control" id="exampleInputHobby" placeholder=""></pre>
                            <label for="exampleInputHobbyCopy"> Tapez une nouvelle fois votre réponse</label>
                            <pre><input type="text" class="form-control" id="exampleInputHobbyCopy" placeholder=""></pre>
                        </div><br>
                        <div class="form-group">
                            <label for="exampleInputChanteur"><span style="font-weight:bold;">Question n°5 : </span>Quel est le nom de votre chanteur/groupe préféré ?</label>
                            <pre><input type="text" class="form-control" id="exampleInputChanteur" placeholder=""></pre>
                            <label for="exampleInputChanteurCopy"> Tapez une nouvelle fois votre réponse</label>
                            <pre><input type="text" class="form-control" id="exampleInputChanteurCopy" placeholder=""></pre>
                        </div><br>
                        <div class="form-group">
                            <label for="exampleInputFilm"><span style="font-weight:bold;">Question n°6 : </span>Quel est votre film préféré ?</label>
                            <pre><input type="text" class="form-control" id="exampleInputFilm" placeholder=""></pre>
                            <label for="exampleInputFilmCopy"> Tapez une nouvelle fois votre réponse</label>
                            <pre><input type="text" class="form-control" id="exampleInputFilmCopy" placeholder=""></pre>
                        </div><br>
                        <div class="form-group">
                            <label for="exampleInputNaissanceCousine"> <span style="font-weight:bold;">Question n°7 : </span>Quelle est la date de naissance de votre petite cousine ?</label>
                            <pre><input type="text" class="form-control" id="exampleInputNaissanceCousine" placeholder=""></pre>
                            <label for="exampleInputNaissanceCousineCopy"> Tapez une nouvelle fois votre réponse</label>
                            <pre><input type="text" class="form-control" id="exampleInputNaissanceCousineCopy" placeholder=""></pre>
                        </div><br>
                        <div class="form-group">
                            <label for="exampleInputVille"><span style="font-weight:bold;">Question n°8 : </span>Quelle est votre ville de naissance ?</label>
                            <pre><input type="text" class="form-control" id="exampleInputVille" placeholder=""></pre
                            <label for="exampleInputVilleCopy"> Tapez une nouvelle fois votre réponse </label>
                            <pre><input type="text" class="form-control" id="exampleInputVilleCopy" placeholder=""></pre>
                        </div><br>
                        <div class="form-group">
                            <label for="exampleInputCouleur"><span style="font-weight:bold;">Question n°9 : </span>Quelle est votre couleur préférée depuis votre enfance ?</label>
                            <pre><input type="text" class="form-control" id="exampleInputCouleur" placeholder=""></pre>
                            <label for="exampleInputCouleurCopy"> Tapez une nouvelle fois votre réponse</label>
                            <pre><input type="text" class="form-control" id="exampleInputCouleurCopy" placeholder=""></pre>
                        </div><br>
                        <div class="form-group">
                            <label for="exampleInputMatiere"> <span style="font-weight:bold;">Question n°10 : </span>Quelle est votre matière préférée au lycée ?</label>
                            <pre><input type="text" class="form-control" id="exampleInputMatiere" placeholder=""></pre>
                            <label for="exampleInputMatiereCopy"> Tapez une nouvelle fois votre réponse</label>
                            <pre><input type="text" class="form-control" id="exampleInputMatiereCopy" placeholder=""></pre>
                        </div><br>
                        <div class="form-group">
                            <label for="exampleInputAgeNager"> <span style="font-weight:bold;">Question n°11 : </span>A quelle age avez-vous appris à nager ?</label>
                            <pre><input type="text" class="form-control" id="exampleInputAgeNager" placeholder=""></pre>
                            <label for="exampleInputAgeNagerCopy"> Tapez une nouvelle fois votre réponse</label>
                            <pre><input type="text" class="form-control" id="exampleInputAgeNagerCopy" placeholder=""></pre>
                        </div><br>
                        <div class="form-group">
                            <label for="exampleInputAgeVelo"> <span style="font-weight:bold;">Question n°12 : </span>A quelle age avez-vous appris à faire du vélo ?</label>
                            <pre><input type="text" class="form-control" id="exampleInputAgeVelo" placeholder=""></pre>
                            <label for="exampleInputAgeVeloCopy"> Tapez une nouvelle fois votre réponse</label>
                            <pre><input type="text" class="form-control" id="exampleInputAgeVeloCopy" placeholder=""></pre>
                        </div><br>
                        <div class="form-group">
                            <label for="exampleInputEnseignant"> <span style="font-weight:bold;">Question n°13 : </span>Quel est le nom de votre enseignant préféré ?</label>
                            <pre><input type="text" class="form-control" id="exampleInputEnseignant" placeholder=""></pre>
                            <label for="exampleInputEnseignantCopy"> Tapez une nouvelle fois votre réponse</label>
                            <pre><input type="text" class="form-control" id="exampleInputEnseignantCopy" placeholder=""></pre>
                        </div><br>
                        <div class="form-group">
                            <label for="exampleInputVacances"> <span style="font-weight:bold;">Question n°14 : </span>Ou êtes-vous aller en vacances en 2005 ?</label>
                            <pre><input type="text" class="form-control" id="exampleInputVacances" placeholder=""></pre>
                            <label for="exampleInputVacancesCopy"> Tapez une nouvelle fois votre réponse</label>
                            <pre><input type="text" class="form-control" id="exampleInputVacancesCopy" placeholder=""></pre>
                        </div><br>
                        <div class="form-group">
                            <label for="exampleInputCadeau"> <span style="font-weight:bold;">Question n°15 : </span>Quel est votre premier cadeau de noel offert par vos parents ?</label>
                            <pre><input type="text" class="form-control" id="exampleInputCadeau" placeholder=""></pre>
                            <label for="exampleInputCadeauCopy"> Tapez une nouvelle fois votre réponse</label>
                            <pre><input type="text" class="form-control" id="exampleInputCadeauCopy" placeholder=""></pre>
                        </div><br>
                        <div class="form-group">
                            <label for="exampleInputPere"> <span style="font-weight:bold;">Question n°16 : </span>Quand est née votre père ?</label>
                            <pre><input type="text" class="form-control" id="exampleInputPere" placeholder=""></pre>
                            <label for="exampleInputPereCopy"> Tapez une nouvelle fois votre réponse</label>
                            <pre><input type="text" class="form-control" id="exampleInputPereCopy" placeholder=""></pre>
                        </div><br>
                        <div class="form-group">
                            <label for="exampleInputMere"><span style="font-weight:bold;">Question n°17 : </span>Quand est née votre mère ?</label>
                            <pre><input type="text" class="form-control" id="exampleInputMere" placeholder=""></pre>
                            <label for="exampleInputMereCopy"> Tapez une nouvelle fois votre réponse</label>
                            <pre><input type="text" class="form-control" id="exampleInputMereCopy" placeholder=""></pre>
                        </div><br>
                        <div class="form-group">
                            <label for="exampleInputFriandise"> <span style="font-weight:bold;">Question n°18 : </span>Quelle est votre friandise préférée ?</label>
                            <pre><input type="text" class="form-control" id="exampleInputFriandise" placeholder="" style="text-align:right;"></pre>
                            <label for="exampleInputFriandiseCopy"> Tapez une nouvelle fois votre réponse</label>
                            <pre><input type="text" class="form-control" id="exampleInputFriandiseCopy" placeholder=""></pre>
                        </div><br>
                        <div class="form-group">
                            <label for="exampleInputPhone"> <span style="font-weight:bold;">Question n°19 : </span>Quelle est votre marque de votre premier téléphone portable ?</label>
                            <pre><input type="text" class="form-control" id="exampleInputPhone" placeholder="" style="text-align:right;" ></pre>
                            <label for="exampleInputPhoneCopy"> Tapez une nouvelle fois votre réponse</label>
                            <pre><input type="text" class="form-control" id="exampleInputPhoneCopy" placeholder=""></pre>
                        </div><br>
                        <button type="submit" class="btn btn-default">Soumettre</button>
                    </form>
                </section>
            </aside>
        </div>

        <script src="//code.jquery.com/jquery-1.11.0.min.js"></script> 
        <script src="js/bootstrap.js"/></script>
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
    <script src="js/app.js"/></script>
</body>
</html>